@charset "utf-8";

.detailed-picture{
    width: 1280px;
    height: 253px;   
}
.detailed-picture:hover{
    transition: all 0.6s;
    transform:skew(30deg);
    }
.detailed-main{
    width: 1280px;
    height: 4986px; 
}

.detailed-nav{
    width: 1127px;
    height: 48px;
    padding-left: 153px;
    line-height: 40px;
    font-size: 16px;
    background: #F6F6F6;
    //border: 1px solid saddlebrown;
}

.de-top{
    width: 1280px;
    height: 456px;
    background: #F6F6F6;
     //border: 1px solid saddlebrown;
}
.de-top1{
    
    width: 1067px;
    height: 420px;
    margin-left:152px;
    background: #F6F6F6;
    border-bottom: 1px solid gainsboro;
}

.de-left{
    width: 487px;
    height: 415px;
    float: left;
    border-right:1px solid gainsboro ;
}
.det-left1{
    width: 487px;
    margin: 0;
    
}
 .det-left1 img{
       display: block;
       width: 100%;
       border: 0;
       }
.det-left2{
    width: 487px;
    margin: 0;
   
}
.det-left2 ul li{
                list-style: none;
                float: left;
                width: 95px;
                cursor: pointer;
                border: 1px solid gainsboro;
            }
 .det-left2 ul li img{
                display: block;
                width: 100%;
        }
 .det-left2 .clearfix:after{
                content: "";
                display: block;
                clear: both;
            }
            
.de-right{
    width: 510px;
    height: 345px;
    padding-left:60px;
    padding-top:60px ;
    float: left;
    //border: 1px solid saddlebrown;
}
.de-rightp1{
    font-size: 20px;
    font-weight: 500;
    color: #468bd9;
    line-height: 2;
}

.de-rightp2{
    font-size: 20px;
    font-weight: 500;
    color: #000;
    line-height: 2;
}
.de-rightp3{
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 2;
}
.de-rightp4{
    font-size: 13px;
    font-weight: 500;
    color: #000;
    line-height: 2;
}

.de-right .anniu2{
    width: 169px;
    height: 50px;
    line-height:50px;
    margin-top: 10px;
    margin-left: 15px;
     border-radius:10px;
     font-size: 18px;
}

.de-right .anniu2:hover{
    background:#468bd9 ;
}


.de-nav1{
    display: block;
    width: 1280px;
    height: 100px;
    background: #b5b5b5;
}
.nav-li1{
    width:95px;
    height: 95px;
    text-align: center;
    display: inline-block;
    line-height: 100px;
    font-size: 18px;
    float: left;
    color: white;
    margin-left: 154px;
    z-index: 1;
}
.nav-li2{
    width:95px;
    height: 95px;
    text-align: center;
    display: inline-block;
    line-height: 100px;
    font-size: 20px;
    float: left;
    margin-left: 30px;
    color: white;
    z-index: 1;
}
.nav-li1 a,.nav-li2 a{
     color: #F9F8F8;
     
}
.nav-li1 a:hover,.nav-li2 a:hover{
    color: skyblue;
}
.nav-li1:hover,.nav-li2:hover{
    background: #faf8f8;
    //opacity: 0.5;
    border-bottom: 4px solid #3c9bd3;
    transition: all 600ms linear;
   
}

.describe{
    width:986px;
    height: 655px;
    margin-left:153px ;
    //border: 1px solid salmon;
}

.des-p1{
    font-size: 28px;
    margin-top: 69px;
    font-weight: 600px;
    line-height: 40px;
    color: #0B5AE4;
    text-align: center;
}
.des-p2{
    font-size: 12px;
    font-weight: 500px;
    line-height: 20px;
    color: gainsboro;
    text-align: center;
}
.des-p3{
    font-size: 12px;
    font-weight: 500px;
    line-height: 50px;
    color: grey;
    text-align: center;
}

.des-p4{
    width:986px;
    height: 468px;
    overflow: hidden;
}


.describe1{
    width:986px;
    height: 768px;
    margin-left:153px ;
   // border: 1px solid salmon;
}

.des-p5{
    font-size: 12px;
    font-weight: 500px;
    line-height: 25px;
    color: grey;
    text-align: center;
}
.des-p7{
    font-size: 28px;
    font-weight: 600px;
    line-height: 40px;
    color: #0B5AE4;
    text-align: center;
}
.des-p6{
    width: 747px;
    height:554px;
    margin-left:116px ;
    margin-top:34px ;
}
.describe2{
    width:986px;
    height: 642px;
    margin-left:153px ;
    //border: 1px solid salmon;
}

.describe3{
    width:986px;
    height: 656px;
    margin-left:153px ;
    //border: 1px solid salmon;
}

.des-img{
    width:717px;
    height: 656px;
    margin-left: 150px;
}

.specification{
    width:1280px;
    height: 1050px;
    //border: 1px solid seagreen;
}

.spe-con{
    width:986px;
    height: 819px;
    margin-left: 153px;
    margin-top: 69px;
     float: left;
    //border: 1px solid seagreen; 
}

.left{
     width:351px ;
    height: 810px;
    float: left;
}
.left1{
    margin-left: 173px;
    margin-top: 170px;
    width:181px ;
    height: 167px;
     }

.left2{
    margin-left: 173px;
    margin-top: 158px;
    width:181px ;
    height: 167px;   
}

.right1{
    width:519px ;
    height: 810px;
    float: left;  
}

.right1:hover{
    transition: all 0.6s;
    transform: scale(1.2);
}
.de-bottom{
    width:986px;
    height:176px;
    margin-top:73px;
    margin-left: 153px;
    //border: 1px solid gold;
}

.de-bottom1{
    width: 197px;
    height:176px;
    float: left;
}
.de-bottom1:hover{
    transition: all 0.6s;
    transform: rotate(360deg);
}

